<template>
  <div class="carOrder">
    <van-cell is-link @click="openOrderList">
      <template #title>
        <div class="carOrder_title">
          <span class="img_car"><img :src="car_order_logo" alt=""/></span>
          <span class="custom-title">用车订单</span>
        </div>
      </template>
    </van-cell>
  </div>
</template>

<script>
import car_order_logo from "/@/assets/img/carOrder/car_order_logo.png";
export default {
  name: "",
  data() {
    return {
      car_order_logo
    };
  },
  methods: {
    openOrderList() {
      if (sessionStorage.isNative == "1") {
        JSBridge.call("clickCarOrder");
        return false;
      }
      this.$router.push({ path: "/carOrderList" });
    }
  }
};
</script>
<style lang="less" scoped>
.carOrder {
  margin-top: 15px;
  border-radius: 10px;
  overflow: hidden;
  .carOrder_title {
    display: flex;
    .img_car {
      width: 24px;
      height: 24px;
      // background-color: #f0f;
      margin-right: 8px;
      border-radius: 50%;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
